<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/Login.css">
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="js/12-3/login.js"></script>
		<title>会员登录-携程旅游网</title>
	</head>
	<style>
		.ons{
			background-color: #8FBBE5;
			color: white;
			padding: 5px 10px;
		}
	</style>
	<body>
		<div id="xc_logo">
			<a href="index.html"><img src="imgs/img/c_logo2013.png" /></a>
		</div>
		<div id="center-login">
			<img src="imgs/img/700n0f0000007hzuj62B6_440_499_178.jpg" />
			<div id="login1" style="display: block;">
				<div id="login1-1">
					<span>会员登录</span>
					<p><a href="register.html">立即注册</a>，享积分换礼、返现等专属优惠！</p>
				</div>
				<div id="login1-2">
					<label class="">普通登录</label>&nbsp;&nbsp;
					<label>手机动态密码登录</label>
				</div>
				<div class="tab-box">
					<div class="di1" style="display: block">
					<div class="login1-3">
						<label>登录名</label>
						<input type="text" id="txt1" placeholder="用户名/卡号/手机/邮箱" /><br />
						<label id="type1"></label>
					</div>
					<div class="login1-3">
						<label>密&nbsp;&nbsp;&nbsp;码</label>
						<input type="password" id="pwd1" /><label id="label_pwd">忘记密码？</label><br />
						<label id="type2"></label>
					</div>
					<span class="login_span"><input checked="checked" type="checkbox">30天内自动登录</span>
					<div class="login_bottom">
						<input type="button" value="登 录" />
					</div>
					<div class="login_mode">
						<div class="login_mode1-1">
							<a>合作卡登录</a>&nbsp;
							<a>公司客户登录</a>&nbsp;
							<a>福利平台登录</a>&nbsp;
						</div>
						<div class="login_mode1-2">
							<span>您还可以使用以下方式登录：</span><br />
							<a><img src="imgs/img/支付宝.png"><font>支付宝</font></a>
							<a><img src="imgs/img/QQ.png"><font>QQ</font></a>
							<a><img src="imgs/img/百度.png"><font>百度</font></a>
							<a><img src="imgs/img/微博.png"><font>新浪微博</font></a>
							<a class="a1"><img src="imgs/img/微信.png"><font>微信</font></a>
							<a class="a2"><img src="imgs/img/网易.png"><font>网易</font></a>
							<a class="a3"><img src="imgs/img/人人.png"><font>人人网</font></a>
						</div>
					</div>
				</div>
					<div class="di2" style="display: none;">
						<div class="login1-3">
							<label>手机号</label>
							<input type="text" id="txt2" placeholder="请输入注册手机号" /><br />
							<label id="type3"></label>
						</div>
						<div class="login1-3">
							<label id="label1">验证码</label>
							<input id="txt_YZ" type="text" placeholder="不区分大小写" />
							<div id="yzm">1234</div><br />
							<label id="type4"></label>
						</div>
						<div class="login1-3">
							<label id="label2">密&nbsp;&nbsp;&nbsp;码</label>
							<input type="password" id="pwd" placeholder="动态密码" />
							<a id="login1-3_a">发送动态密码</a><br />
							<label id="type5"></label>
						</div>
						<span class="login_span"><input checked="checked" type="checkbox">30天内自动登录</span>
						<div class="login_bottom">
							<input type="button" value="登 录" />
						</div>
						<div class="login_mode">
							<div class="login_mode1-1">
								<a>合作卡登录</a>&nbsp;
								<a>公司客户登录</a>&nbsp;
								<a>福利平台登录</a>&nbsp;
							</div>
							<div class="login_mode1-2">
								<span>您还可以使用以下方式登录：</span><br />
								<a><img src="imgs/img/支付宝.png"><font>支付宝</font></a>
								<a><img src="imgs/img/QQ.png"><font>QQ</font></a>
								<a><img src="imgs/img/百度.png"><font>百度</font></a>
								<a><img src="imgs/img/微博.png"><font>新浪微博</font></a>
								<a id="a1"><img src="imgs/img/微信.png"><font>微信</font></a>
								<a id="a2"><img src="imgs/img/网易.png"><font>网易</font></a>
								<a id="a3"><img src="imgs/img/人人.png"><font>人人网</font></a>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<div id="button">
			<span>
				<a class="aa">免费注册</a>
				<a class="aa">网站导航</a>
				<a class="aa">宾馆索引</a>
				<a class="aa">服务说明</a>
				<a class="aa">关于携程</a>
				<a class="aa">企业公民</a>
				<a class="aa">诚聘英才</a>
				<a class="aa">分销联盟</a>
				<a class="aa" id="a4">企业礼品卡采购</a>
				<a class="aa">代理合作</a>
				<a class="aa">广告业务</a>
				<a class="aa">联系我们</a>
				<a class="aa" id="a5">我要提建议</a>	
			</span>
			<p><font>Copyright©</font> 1999-2017, <font>ctrip.com</font>. all rights reserved. </p>
		</div>
	</body>
</html>
